{extend name="public/base"/}
{block name="style"}
 <script src="/public/lboyue/js/book.js"></script>
{/block}
{block name="body"}
{include file="public/header" /}
<div class="bodySection">
    <div class="centerSection">
        <div class="rankingListLeft">
            <div class="section_title pxbTitle">排行榜</div>
            <div class="rankingListLeft_list">
                <ul>
                    <li><a href="/topinfo?type=viewnum">点击榜</a></li>
                    <li><a href="/topinfo?type=collect">收藏榜</a></li>
                    <li><a href="/topinfo?type=subnum">热销榜</a></li>
                    <li><a href="/topinfo?type=end">完本榜</a></li>
                    <li><a href="/topinfo?type=yuepiao">月票榜</a></li>
                    <li><a href="/topinfo?type=reward">打赏榜</a></li>
                </ul>
            </div>
        </div>

        <div class="rankingListRight">
            <div class="ul">
                <div class="lis">
                    <div class="section_title4">
                        <div class="section_titleBorderLine2">

                            <span class="left pxIcon1">点击榜</span>
                            <span class="right"><i class="active" onclick="getrankdata('viewnum', 'week')">周</i>  |  <i onclick="getrankdata('viewnum', 'month')">月</i>  |  <i  onclick="getrankdata('viewnum', 'total')">总</i></span></div></div>

                    <div class="section_panxing">
                        <ul id="viewnum">
							{volist name="clicktop" id="item"}
                            <li>
                                <a href="{:url('/book/info',array("id"=>$item.id))}">
								<div class="section_titleSpan" {if $key==0}style="display: none;"{else}style="display: block;"{/if}>
									<span class="num"> {if $key==0}<i class="one">{$key+1}</i>{elseif $key<5}<i>{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="font">{$item.title}</span>
									<span class="lookNum">{$item.allvisit}</span>
								</div>
								<div class="section_bigBlock  first_bigBlock" {if $key==0}style="display: block;"{else}style="display: none;"{/if}>
									<span class="num">{if $key==0}<i>{$key+1}</i>{elseif $key<5}<i class="other">{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="img"><img src="{$item.cover}" alt="" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></span>
									<span class="content">
										<span class="title">{$item.title}</span>
										<i>作者: {$item.author}</i>
										<i>类型: {$item.category_id| get_category=###,'title'}</i>
									</span>
								</div>
							</a>
                            </li>
							{/volist}
						</ul>
                    </div>
                    <input type="hidden" id="viewnumlisttype" value="">
                    <div class="section_panxingMore"><a href="javascript:void (0)" onclick="gorankinfo('viewnum')">查看更多</a></div>
                </div>

                <div class="lis">
                    <div class="section_title4">
                        <div class="section_titleBorderLine2">
                            <span class="left pxIcon2">收藏榜</span>
                            <span class="right"><i class="active"  onclick="getrankdata('collect', 'week')">周</i>  |  <i  onclick="getrankdata('collect', 'month')">月</i>  |  <i onclick="getrankdata('collect', 'total')">总</i></span></div>
                    </div>
                    <div class="section_panxing">
                        <ul id="collect">
                            {volist name="collect" id="item"}
                            <li>
                                <a href="{:url('/book/info',array("id"=>$item.id))}">
								<div class="section_titleSpan" {if $key==0}style="display: none;"{else}style="display: block;"{/if}>
									<span class="num"> {if $key==0}<i class="one">{$key+1}</i>{elseif $key<5}<i>{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="font">{$item.title}</span>
									<span class="lookNum">{$item.allvisit}</span>
								</div>
								<div class="section_bigBlock  first_bigBlock" {if $key==0}style="display: block;"{else}style="display: none;"{/if}>
									<span class="num">{if $key==0}<i>{$key+1}</i>{elseif $key<5}<i class="other">{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="img"><img src="{$item.cover}" alt="" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></span>
									<span class="content">
										<span class="title">{$item.title}</span>
										<i>作者: {$item.author}</i>
										<i>类型: {$item.category_id| get_category=###,'title'}</i>
									</span>
								</div>
							</a>
                            </li>
							{/volist}
						</ul>
                    </div>
                    <input type="hidden" id="collectlisttype">
                    <div class="section_panxingMore"><a href="javascript:void(0)" onclick="gorankinfo('collect')">查看更多</a></div>
                </div>

                <div class="lis">
                    <div class="section_title4">
                        <div class="section_titleBorderLine2">

                            <span class="left pxIcon3">热销榜</span>
                        <span class="right">
                               <i  class="active" onclick="getrankdata('subnum','week')">周</i>  |  <i onclick="getrankdata('subnum','month')">月</i>  |  <i  onclick="getrankdata('subnum','total')">总</i>
                        </span>
                        </div>
                    </div>
                    <div class="section_panxing">
                        <ul id="subnum">
                            {volist name="subtop" id="item"}
                           <li>
                                <a href="{:url('/book/info',array("id"=>$item.id))}">
								<div class="section_titleSpan" {if $key==0}style="display: none;"{else}style="display: block;"{/if}>
									<span class="num"> {if $key==0}<i class="one">{$key+1}</i>{elseif $key<5}<i>{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="font">{$item.title}</span>
									<span class="lookNum">热</span>
								</div>
								<div class="section_bigBlock  first_bigBlock" {if $key==0}style="display: block;"{else}style="display: none;"{/if}>
									<span class="num">{if $key==0}<i>{$key+1}</i>{elseif $key<5}<i class="other">{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="img"><img src="{$item.cover}" alt="" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></span>
									<span class="content">
										<span class="title">{$item.title}</span>
										<i>作者: {$item.author}</i>
										<i>类型: {$item.category_id| get_category=###,'title'}</i>
									</span>
								</div>
							</a>
                            </li>
							{/volist}
						</ul>
                    </div>
                    <input type="hidden" id="subnumlisttype" value="">
                    <div class="section_panxingMore"><a href="javascript:void(0)" onclick="gorankinfo('subnum')">查看更多</a></div>
                </div>

                <div class="lis">
                    <div class="section_title4">
                        <div class="section_titleBorderLine2">

                            <span class="left pxIcon4">完本榜</span>
                        <span class="right">
                            <i class="active"  onclick="getrankdata('end','week')">周</i>  |  <i onclick="getrankdata('end','month')">月</i>  |  <i  onclick="getrankdata('end','total')">总</i>
                        </span>
                        </div>
                    </div>
                    <div class="section_panxing">
                        <ul id="end">
                            {volist name="endtop" id="item"}
                            <li>
                                <a href="{:url('/book/info',array("id"=>$item.id))}">
								<div class="section_titleSpan" {if $key==0}style="display: none;"{else}style="display: block;"{/if}>
									<span class="num"> {if $key==0}<i class="one">{$key+1}</i>{elseif $key<5}<i>{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="font">{$item.title}</span>
									<span class="lookNum">{$item.allvisit}</span>
								</div>
								<div class="section_bigBlock  first_bigBlock" {if $key==0}style="display: block;"{else}style="display: none;"{/if}>
									<span class="num">{if $key==0}<i>{$key+1}</i>{elseif $key<5}<i class="other">{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="img"><img src="{$item.cover}" alt="" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></span>
									<span class="content">
										<span class="title">{$item.title}</span>
										<i>作者: {$item.author}</i>
										<i>类型: {$item.category_id| get_category=###,'title'}</i>
									</span>
								</div>
							</a>
                            </li>
							{/volist}
						</ul>
                    </div>
                    <input type="hidden" id="endlisttype" value="">
                    <div class="section_panxingMore"><a href="javascript:void(0)" onclick="gorankinfo('end')">查看更多</a></div>
                </div>

                <div class="lis">
                    <div class="section_title4">
                        <div class="section_titleBorderLine2">

                            <span class="left pxIcon5">评论榜</span>
                        <span class="right">
                            <i class="active"  onclick="getrankdata('yuepiao','week')">周</i>  |  <i onclick="getrankdata('yuepiao','month')">月</i>  |  <i  onclick="getrankdata('yuepiao','total')">总</i>
                        </span>
                        </div></div>
                    <div class="section_panxing">
                        <ul id="yuepiao">
                            {volist name="reviewtop" id="item"}
                            <li>
                                <a href="{:url('/book/info',array("id"=>$item.id))}">
								<div class="section_titleSpan" {if $key==0}style="display: none;"{else}style="display: block;"{/if}>
									<span class="num"> {if $key==0}<i class="one">{$key+1}</i>{elseif $key<5}<i>{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="font">{$item.title}</span>
									<span class="lookNum">{$item.allvisit}</span>
								</div>
								<div class="section_bigBlock  first_bigBlock" {if $key==0}style="display: block;"{else}style="display: none;"{/if}>
									<span class="num">{if $key==0}<i>{$key+1}</i>{elseif $key<5}<i class="other">{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="img"><img src="{$item.cover}" alt="" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></span>
									<span class="content">
										<span class="title">{$item.title}</span>
										<i>作者: {$item.author}</i>
										<i>类型: {$item.category_id| get_category=###,'title'}</i>
									</span>
								</div>
							</a>
                            </li>
							{/volist}
						</ul>
                    </div>
                    <input type="hidden" id="yuepiaolisttype" value="">
                    <div class="section_panxingMore"><a href="javascript:void(0)" onclick="gorankinfo('yuepiao')">查看更多</a></div>
                </div>

                <div class="lis">
                    <div class="section_title4">
                        <div class="section_titleBorderLine2">

                            <span class="left pxIcon6">打赏榜</span>
                        <span class="right">
                           <i class="active"  onclick="getrankdata('reward','week')">周</i>  |  <i onclick="getrankdata('reward','month')">月</i>  |  <i  onclick="getrankdata('reward','total')">总</i>
                        </span></div></div>
                    <div class="section_panxing">
                        <ul id="reward">
                           {volist name="rewardtop" id="item"}
                            <li>
                                <a href="{:url('/book/info',array("id"=>$item.id))}">
								<div class="section_titleSpan" {if $key==0}style="display: none;"{else}style="display: block;"{/if}>
									<span class="num"> {if $key==0}<i class="one">{$key+1}</i>{elseif $key<5}<i>{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="font">{$item.title}</span>
									<span class="lookNum">{$item.allvisit}</span>
								</div>
								<div class="section_bigBlock  first_bigBlock" {if $key==0}style="display: block;"{else}style="display: none;"{/if}>
									<span class="num">{if $key==0}<i>{$key+1}</i>{elseif $key<5}<i class="other">{$key+1}</i>{else}{$key+1}{/if}</span>
									<span class="img"><img src="{$item.cover}" alt="" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></span>
									<span class="content">
										<span class="title">{$item.title}</span>
										<i>作者: {$item.author}</i>
										<i>类型: {$item.category_id| get_category=###,'title'}</i>
									</span>
								</div>
							</a>
                            </li>
							{/volist}
						</ul>
                    </div>
                    <input type="hidden" id="rewardlisttype" value="">
                    <div class="section_panxingMore"><a href="javascript:void(0)" onclick="gorankinfo('reward')">查看更多</a></div>
                </div>
            </div>

        </div>

    </div>
</div>
{block name="include"}{include file="public:footer" /}{/block}
{/block}
{block name="script"}

    <script type="text/javascript">
        $(document).ready(function () {
            bindrankstyle();
            changeRanking();
            thatListInit();
            liactive("navpages", "rank","a","");
        });
    </script>

	<script>
		$(document).ready(function () {
			bindnews();
			bindbookshelf();
			bindnav();
		});

	</script>
{/block}


